@mixin g-clearfix {
  //*zoom:1;针对ie6,其实现在没必要写了。
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

@mixin clearfix {
  @include g-clearfix;
}

@mixin g-b-s--b-b {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@mixin g-ht--all {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /*ie6不识别min-height*/
}

.g-clearfix,
.clearfix {
  @include g-clearfix;
}

/*省略号*/

@mixin text-overflow--e {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin transform--center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@mixin text-overflow-ht--e {
  &::after {
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 20px 1px 45px;
    background-image: -webkit-linear-gradient(to right, rgba(21, 84, 150, 0) 0%, rgba(21, 84, 150, .5) 45%, rgba(21, 84, 150, 1) 55%, rgba(21, 84, 150, 1) 100%);
    background-image: linear-gradient(to right, rgba(21, 84, 150, 0) 0%, rgba(21, 84, 150, .5) 45%, rgba(21, 84, 150, 1) 55%, rgba(21, 84, 150, 1) 100%);
  }
}

@mixin text-show-more($pd:0 5px 1px 40px, $rgba-start:rgba(255, 255, 255, .0), $rgba-center:rgba(255, 255, 255, .5), $rgba-end:rgba(255, 255, 255, 1)) {
  display: block;
  position: relative;
  &::after {
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: $pd;
    background-image: -webkit-linear-gradient(to right, $rgba-start 0%, $rgba-center 45%, $rgba-end 55%, $rgba-end 100%);
    background-image: linear-gradient(to right, $rgba-start 0%, $rgba-center 45%, $rgba-end 55%, $rgba-end 100%);
  }
}

@mixin link-show-more($fs:14px, $height:$fs*1.5, $rgba-start:rgba(255, 255, 255, .0), $rgba-center:rgba(255, 255, 255, .5), $rgba-end:rgba(255, 255, 255, 1)) {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: $fs;
  height: $height;
  line-height: $height;
  padding-left: $fs*7;
  padding-right: $fs/2;
  background-image: -webkit-linear-gradient(to right, $rgba-start 0%, $rgba-center 45%, $rgba-end 55%, $rgba-end 100%);
  background-image: linear-gradient(to right, $rgba-start 0%, $rgba-center 45%, $rgba-end 55%, $rgba-end 100%);
}

@mixin scale-img($time:1s) {
  transition: all $time ease;
  &:hover {
    transform: scale(1.05);
    img {
      opacity: .9;
    }
  }
}

/*inline-block去除元素间隙*/

@mixin ib-wrap($spacing:-4px) {
  letter-spacing: $spacing;
  /*根据不同字体字号或许需要做一定的调整*/
  word-spacing: $spacing;
  font-size: 0;
}

@mixin ib($fs:16px) {
  font-size: $fs;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

%scale-img-big {
  transition: all 1s ease;
  &:hover {
    transform: scale(1.05);
    img {
      opacity: .9;
    }
  }
}

%pos-center {
  top: 0;
  bottom: 0;
  left: auto;
  margin: {
    bottom: auto;
    top: auto;
  }
}

%text-overflow--e {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

%div-row {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
}

%div-cell {
  display: table-cell;
  width: 1%;
}

.m-cell.g-v-a--t {
  vertical-align: top !important;
}

%transform--center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
